<!--
 * @Author: Logan.Li
 * @Gitee: https://gitee.com/attacker
 * @email: admin@attacker.club
 * @Date: 2025-09-04 23:57:56
 * @LastEditTime: 2025-09-07 18:55:15
 * @Description: 
-->
<script setup>
import { onMounted } from 'vue';
import { useUserStore } from '@/stores/user';

const userStore = useUserStore();

// 初始化
onMounted(() => {
    // 初始化用户信息
    userStore.initUserInfo();
    
    // 打印环境信息
    console.log(
        `%cNODE_ENV:%c ${import.meta.env.MODE}`,
        "background-color:#41b883;color:#fff;padding:3px;border-radius:3px",
        "color:#007bff"
    );
    console.log(
        `%cVITE_APP_BASE_API:%c ${import.meta.env.VITE_APP_BASE_API || '/api'}`,
        "background-color:#f4516c;color:#fff;padding:3px;border-radius:3px",
        "color:white;"
    );
    console.log(
        `%cSpringBoot示例系统启动成功 🚀`,
        "background-color:#6f42c1;color:#fff;padding:5px;border-radius:5px;font-weight:bold"
    );
});
</script>

<template>
    <router-view />
</template>

<style>
/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#app {
  height: 100vh;
  width: 100vw;
}
</style>
